<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.staticfile.org/vue/3.2.36/vue.global.min.js"></script>

  <title>Vite App</title>
</head>

<body>
    <div id="app" class="demo">
        ”{ {RawHtml} }“：{{RawHtml}}
        <br>
        ”< div v-html="RawHtml" >< /div >“：<div v-html="RawHtml"></div>
    </div>
    <br>

    <script>
        const app = Vue.createApp({
            data(){
                return {
                    RawHtml:"<div style='color:blue'>蓝色</div>"
                }
            }
        }).mount("#app")


    </script>
</body>

</html>
